<div class="white-bg padding-lg padding-top border-radius">
    <div class="flex justify-between">
        <h3>小区金币</h3>
        <div>
        </div>
    </div>
    <!-- 业主信息 -->
    <div class="margin-top">
        <div class="row" >
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-form-label">
                        <span>
                            <vc:i18n name="账户ID：" namespace="goldInfo"></vc:i18n>
                        </span>
                    </label>
                    <label class="">{{goldInfo.goldId}}</label>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-form-label">
                        <vc:i18n name="账户名称：" namespace="goldInfo"></vc:i18n>
                    </label>
                    <label class="">{{goldInfo.goldName}}</label>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-form-label">
                        <vc:i18n name="账户余额：" namespace="goldInfo"></vc:i18n>
                    </label>
                    <label class="">
                        {{goldInfo.amount}}
                        <a href="javascript:void(0)" @click="_openApplyWithholdGold()">提现</a>
                    </label>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="form-group">
                    <label class="col-form-label">
                        <vc:i18n name="小区名称：" namespace="goldInfo"></vc:i18n>
                    </label>
                    <label class="">{{goldInfo.communityName}}</label>
                </div>
            </div>
        </div>
    </div>
    <div class="vc-line-primary margin-top"></div>
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:goldInfo._currentTab == 'goldDetail'}"
                    v-on:click="changeTab('goldDetail')">
                    <vc:i18n name="交易明细" namespace="gold"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:goldInfo._currentTab == 'applyWithholdGold'}"
                    v-on:click="changeTab('applyWithholdGold')">
                    <vc:i18n name="金币提现" namespace="gold"></vc:i18n>
                </a>
            </li>
        </ul>
    </div>
    <div v-if="goldInfo._currentTab == 'goldDetail'">
        <vc:create path="scm/goldDetail"></vc:create>
    </div>
    <div v-if="goldInfo._currentTab == 'applyWithholdGold'">
        <vc:create path="scm/applyWithholdGold"></vc:create>
    </div>

    <vc:create path="scm/withholdGold"></vc:create>
</div>